<template>
	<view class="thirdmain">
		 <view class="maintop">商机名称<view class="" style="margin-left: 4px; width:80rpx ;height:60rpx;text-align: center; background-color:#0079FE ;color: #FFFFFF;">下载</view></view>
		  <view class="details">
		  	 <view class="one">产品名称</view>
			 <view class="one">产品类型</view>
			 <view class="one">产品价格</view>
			 <view class="one two">工作时间</view>
		  </view>
		  <!-- 循环-->
		  <view class="details" v-for="(item,index) in product1" :key="index">
		  	 <view class="one">{{item[0]}}</view>
		  			 <view class="one">{{item[1]}}</view>
		  			 <view class="one">{{item[2]}}</view>
		  			 <view class="one two">{{item[3]}}</view>
		  </view>
		  <!--总计-->
		  <view class="details">
		  	 <view class="one">总计</view>
		  			 <view class="one">产品类型</view>
		  			 <view class="one">{{totalprice}}</view>
		  			 <view class="one two">{{totaldays}}</view>
		  </view>
		  <!-- 年限收费-->
		   <view class="maintop">年限收费</view>
		   <!-- 收费内容-->
		   <view class="maintop" style="font-size: 12px;line-height: 16px;">
			   <view class="">
			   	付款方式为五三二，在合同签订后甲方需在三个工作日内支付合同总金额的50%款项，乙方开始设计项目的原型图，原型图确定之后开始计算工期，第二笔款项在甲方确定项目uI后支付30%，尾款在项目开发完成，甲方测试无异议后支付20%
			   </view>
		   </view>
		   <!-- 备注-->
		    <view class="maintop">备注</view>
			<view class="maintop" style="padding: 10px 0; color: #FF3B30;line-height: 16px;"> 本报价方案仅为开发费用,不包含任何第三方费用,例如项目涉及到的接口费用,服务器,域名,短信等费用由甲方承担</view>
	</view>
</template>

<script>
	export default {
		props:['product'],
		data() {
			return {
				totaldays:0,//总天数
				totalprice:0,//总价格
				product1:'',//产品渲染
			}
		},
		onShow() {
			this.product1=this.product;
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		padding:0 15rpx;
	}
.maintop{
	width: 720rpx;
	border-top: 1px solid #797979;
	border-left:1px solid #797979;
	border-right: 1px solid #797979;
	border-bottom: 1px solid #797979;
	justify-content: center;
	display: flex;
	line-height: 30px;
}
.details{
	width: 720rpx;
	border-bottom: 1px solid #797979;
	display: flex;
	text-align: center;
	line-height:28px ;
	.one{
		width: 180rpx;
		border-left: 1px solid #797979;
	}
	.two{
		border-right:1px solid #797979;
	}
}

</style>
